<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
       <!DOCTYPE html> 
       
  <title>ICS SNMP Printer Management</title> 
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
  <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
</head> 
<body> 
 
<div data-role="page">
 
  <div data-role="header" data-position ="fixed">
    <h1>ICS SNMP Printer Management</h1>
  </div>
 
  <div data-role="content"> 
    <p>This is an application created by ICS Students to use SNMP management protocols to
    manage printers on an emulated network.</p> 
    <center><img src ="Images/printer.png"> </center>
    
    <form action="MainMenu.do" method="post">
        <ul data-role="controlgroup">
    <li><button type="submit" name="MainChoice" value="ViewPrinters">View Printers</button></li>
    <li><button type="submit" name="MainChoice" value="NetworkStatus">Network Status</button></li>
    <li><button type="submit" name="MainChoice" value="SystemLog">System Log</button></li>
    <li><button type="submit" name="MainChoice" value="About"> About this Application</button></li>
        </ul>
    </form>
    
  </div>
  
  
  <div data-role="footer">
    <h4>Trinity College Dublin 2012 </h4>
  </div>
</div>

<div data-role="page" id="Printers">
 
  <div data-role="header">
    <h1>Active Printers</h1>
  </div>
 
  <div data-role="content" data-theme ="c"> 
  <center>
  <p> This is a page to show a list of active printers </p>
  <p>It would be cool if when we click on each printer it simply lists the SNMP table of each.
  </center>
    <ul data-role="listview" data-theme="c" data-inset="true" data-filter-theme="f" data-filter="true" >
      <li>Printer 1</li>
      <li>Printer 2</li>
      <li>Printer 3</li>
      <li>Printer 4</li>
      <li>Printer 5 etc...</li>
    </ul>
  </div>
 
</div>

<div data-role="page" id="Network">
 
  <div data-role="header">
    <h1>Network Status</h1>
  </div>
 
  <div data-role="content"> 
  <center>
    <p>The network is <font color = "green"> GREEN </font>   
    </center>
  </div>
 
</div>

<div data-role="page" id="About">
 
  <div data-role="header">
    <h1>About our Application</h1>
  </div>
 
  <div data-role="content"> 
  <center>
    <p>Our application is designed to implement a network of printers using SNMP protocols. </p>  
    
    <p> Created by: </p>
    <h3> Conor McEvoy</h3>
    <h3> Mark O' Meara</h3>
    <h3> Zak Szadowski</h3>
    </center>  
  </div>
 
</div>
 
</body>
</html>
